البرمجة

ترويسة HTML والبيانات الوصفية

اخر تحديث 16/05/2025
14 تمت قراءة 4 دقيقة
جدول المحتوى

ترويسة الصفحة والبيانات الوصفية في HTML: أهمية ودور أساسي في تحسين تجربة المستخدم وترتيب المواقع

تُعتبر ترويسة الصفحة والبيانات الوصفية في مستندات HTML من العناصر الأساسية والهامة التي لا يمكن الاستغناء عنها عند بناء أي موقع إلكتروني أو صفحة ويب. هذه العناصر تلعب دورًا محوريًا في تنظيم المحتوى، تحسين تجربة المستخدم، ودعم محركات البحث لفهم محتوى الصفحة بدقة، مما ينعكس إيجابًا على ترتيب الموقع في نتائج البحث. في هذا المقال سنستعرض بالتفصيل ماهية ترويسة الصفحة والبيانات الوصفية، وظائفها، وكيفية استخدامها بشكل فعال يتوافق مع معايير الـ SEO الحديثة، إلى جانب شرح مفصل للسمات المختلفة التي تتواجد في ترويسة الصفحة ودورها في تحسين الأداء التقني للموقع.

مفهوم ترويسة الصفحة (Head) في HTML

تُعرف ترويسة الصفحة أو عنصر في HTML بأنها الجزء الموجود في أعلى مستند الويب الذي يحتوي على معلومات وصفية وإعدادات يتم استخدامها لتعريف الصفحة والتحكم في سلوكها. ترويسة الصفحة ليست مرئية مباشرة للمستخدم في متصفح الإنترنت، ولكنها تحمل بيانات مهمة حول الصفحة مثل عنوانها، الترميز المستخدم، وأسلوب العرض، وكذلك ميتاداتا (Metadata) التي تفيد محركات البحث.

مواضيع ذات صلة

تُكتب ترويسة الصفحة ضمن وسم وتكون في بداية المستند بعد وسم ، وتسبق ترويسة الجسم التي تحتوي على المحتوى المرئي للمستخدم.

أهمية ترويسة الصفحة والبيانات الوصفية

1. تحسين ترتيب الموقع في محركات البحث

تعتمد محركات البحث بشكل كبير على البيانات الوصفية داخل ترويسة الصفحة لفهم محتوى الصفحة، الغرض منها، والكلمات المفتاحية ذات الصلة. هذه البيانات تساعد محركات البحث على تصنيف الصفحة ضمن نتائج البحث بدقة أكبر. لذلك، كتابة بيانات وصفية صحيحة ومفصلة يساعد في زيادة ظهور الموقع وزيادة الزوار.

2. تحديد عنوان الصفحة (Title)

العنوان الذي يتم وضعه ضمن وسم </code> في الترويسة يظهر في تبويب المتصفح وفي نتائج محركات البحث كعنوان رئيسي للصفحة، مما يؤثر على قرار المستخدم بالنقر على الرابط. عنوان واضح ومناسب يعبر عن محتوى الصفحة بدقة يزيد من معدل النقر (CTR).</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"> </div> </div></div> <h3 data-start="1855" data-end="1884" class=""><span class="ez-toc-section" id="3_%D8%B6%D8%A8%D8%B7_%D8%A7%D9%84%D8%AA%D8%B1%D9%85%D9%8A%D8%B2_Encoding"></span>3. ضبط الترميز (Encoding)<span class="ez-toc-section-end"></span></h3> <p data-start="1886" data-end="2101" class="">تُحدد ترويسة الصفحة الترميز المستخدم في عرض النصوص، مثل UTF-8، وهذا يضمن عرض الأحرف بشكل صحيح، لا سيما النصوص التي تحتوي على لغات مختلفة أو أحرف خاصة، مثل العربية. عدم تحديد الترميز قد يؤدي إلى ظهور رموز غير مفهومة.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"> </div> </div></div> <h3 data-start="2103" data-end="2138" class=""><span class="ez-toc-section" id="4_%D8%A7%D9%84%D8%B1%D8%A8%D8%B7_%D8%A8%D9%85%D9%84%D9%81%D8%A7%D8%AA_CSS_%D9%88JavaScript"></span>4. الربط بملفات CSS وJavaScript<span class="ez-toc-section-end"></span></h3> <p data-start="2140" data-end="2292" class="">تحتوي الترويسة على روابط إلى ملفات الأنماط (CSS) والسكربتات (JavaScript) التي تتحكم في تصميم وسلوك الصفحة، ما يجعلها مركز التحكم الأول في الشكل والمظهر.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"> </div> </div></div> <hr data-start="2294" data-end="2297" class="" style=""> <h2 data-start="2299" data-end="2347" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA_%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9_Meta_Tags_%D9%81%D9%8A_%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9"></span>البيانات الوصفية (Meta Tags) في ترويسة الصفحة<span class="ez-toc-section-end"></span></h2> <p data-start="2349" data-end="2412" class="">تُستخدم وسوم الميتا لوضع معلومات وصفية مختلفة عن الصفحة، ومنها:</p> <h3 data-start="2414" data-end="2449" class=""><span class="ez-toc-section" id="1_%D9%88%D8%B3%D9%85_%D8%A7%D9%84%D9%88%D8%B5%D9%81_Meta_Description"></span>1. وسم الوصف (Meta Description)<span class="ez-toc-section-end"></span></h3> <p data-start="2451" data-end="2602" class="">يقدم ملخصًا موجزًا عن محتوى الصفحة وغالبًا ما يظهر هذا الوصف في نتائج محركات البحث تحت عنوان الصفحة. الوصف الجيد يعزز من جذب الزوار ويزيد من فرص النقر.</p> <pre class="overflow-visible!" data-start="2604" data-end="2765"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"description"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"هذا المقال يشرح بالتفصيل ترويسة الصفحة والبيانات الوصفية في HTML وأهميتها في تحسين تجربة المستخدم وترتيب المواقع."</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="2767" data-end="2811" class=""><span class="ez-toc-section" id="2_%D9%88%D8%B3%D9%85_%D8%A7%D9%84%D9%83%D9%84%D9%85%D8%A7%D8%AA_%D8%A7%D9%84%D9%85%D9%81%D8%AA%D8%A7%D8%AD%D9%8A%D8%A9_Meta_Keywords"></span>2. وسم الكلمات المفتاحية (Meta Keywords)<span class="ez-toc-section-end"></span></h3> <p data-start="2813" data-end="2952" class="">كان يستخدم قديمًا لوضع كلمات مفتاحية خاصة بالصفحة، لكن محركات البحث الحديثة مثل جوجل قللت من أهميته ولم تعد تأخذه بعين الاعتبار في الترتيب.</p> <h3 data-start="2954" data-end="2982" class=""><span class="ez-toc-section" id="3_%D9%88%D8%B3%D9%85_%D8%A7%D9%84%D8%AA%D8%B1%D9%85%D9%8A%D8%B2_Charset"></span>3. وسم الترميز (Charset)<span class="ez-toc-section-end"></span></h3> <p data-start="2984" data-end="3084" class="">يحدد نوع الترميز المستخدم لعرض النصوص داخل الصفحة، ويُفضل استخدام UTF-8 لكونه يدعم معظم لغات العالم.</p> <pre class="overflow-visible!" data-start="3086" data-end="3120"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">charset</span></span><span>=</span><span><span class="hljs-string">"UTF-8"</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3122" data-end="3174" class=""><span class="ez-toc-section" id="4_%D9%88%D8%B3%D9%85_%D8%B6%D8%A8%D8%B7_%D8%A7%D9%84%D8%B9%D8%B1%D8%B6_%D8%B9%D9%84%D9%89_%D8%A7%D9%84%D8%A3%D8%AC%D9%87%D8%B2%D8%A9_%D8%A7%D9%84%D9%85%D8%AE%D8%AA%D9%84%D9%81%D8%A9_Viewport"></span>4. وسم ضبط العرض على الأجهزة المختلفة (Viewport)<span class="ez-toc-section-end"></span></h3> <p data-start="3176" data-end="3261" class="">ضروري لضمان استجابة الصفحة وتوافقها مع شاشات الأجهزة المختلفة، خاصة الهواتف المحمولة.</p> <pre class="overflow-visible!" data-start="3263" data-end="3345"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"viewport"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"width=device-width, initial-scale=1.0"</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3347" data-end="3393" class=""><span class="ez-toc-section" id="5_%D8%AA%D9%88%D8%AC%D9%8A%D9%87%D8%A7%D8%AA_%D9%84%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA_%D8%A7%D9%84%D8%A8%D8%AD%D8%AB_Robots_Meta_Tag"></span>5. توجيهات لمحركات البحث (Robots Meta Tag)<span class="ez-toc-section-end"></span></h3> <p data-start="3395" data-end="3488" class="">تتحكم في طريقة فهرسة الصفحة من قبل محركات البحث، مثل السماح أو منع الفهرسة أو متابعة الروابط.</p> <pre class="overflow-visible!" data-start="3490" data-end="3546"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"robots"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"index, follow"</span></span><span>> </span></span></code></div></div></pre> <hr data-start="3548" data-end="3551" class="" style=""> <h2 data-start="3553" data-end="3588" class=""><span class="ez-toc-section" id="%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A3%D8%AE%D8%B1%D9%89_%D9%85%D9%87%D9%85%D8%A9_%D9%81%D9%8A_%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9"></span>عناصر أخرى مهمة في ترويسة الصفحة<span class="ez-toc-section-end"></span></h2> <h3 data-start="3590" data-end="3625" class=""><span class="ez-toc-section" id="%D8%B1%D9%88%D8%A7%D8%A8%D8%B7_%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A7%D8%AA_%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9_Favicons"></span>روابط أيقونات الموقع (Favicons)<span class="ez-toc-section-end"></span></h3> <p data-start="3627" data-end="3710" class="">يمكن تحديد الأيقونة الصغيرة التي تظهر في تبويب المتصفح باستخدام رابط داخل الترويسة:</p> <pre class="overflow-visible!" data-start="3712" data-end="3780"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">link</span></span></span><span> </span><span><span class="hljs-attr">rel</span></span><span>=</span><span><span class="hljs-string">"icon"</span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"favicon.ico"</span></span><span> </span><span><span class="hljs-attr">type</span></span><span>=</span><span><span class="hljs-string">"image/x-icon"</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3782" data-end="3816" class=""><span class="ez-toc-section" id="%D9%85%D9%84%D9%81%D8%A7%D8%AA_%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%B7_%D9%88%D8%A7%D9%84%D8%A3%D9%86%D9%85%D8%A7%D8%B7_%D8%A7%D9%84%D8%AE%D8%A7%D8%B1%D8%AC%D9%8A%D8%A9"></span>ملفات الخطوط والأنماط الخارجية<span class="ez-toc-section-end"></span></h3> <p data-start="3818" data-end="3880" class="">يتم ربط ملفات CSS التي تحدد أنماط العرض من خلال عنصر <code data-start="3871" data-end="3879"><link></code>:</p> <pre class="overflow-visible!" data-start="3882" data-end="3935"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">link</span></span></span><span> </span><span><span class="hljs-attr">rel</span></span><span>=</span><span><span class="hljs-string">"stylesheet"</span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"styles.css"</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3937" data-end="3960" class=""><span class="ez-toc-section" id="%D8%B3%D9%83%D8%B1%D8%A8%D8%AA%D8%A7%D8%AA_%D8%AC%D8%A7%D9%81%D8%A7_%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA"></span>سكربتات جافا سكريبت<span class="ez-toc-section-end"></span></h3> <p data-start="3962" data-end="4039" class="">يتم تضمين أو ربط ملفات جافا سكريبت في الترويسة أو في نهاية الصفحة حسب الحاجة:</p> <pre class="overflow-visible!" data-start="4041" data-end="4086"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">script</span></span></span><span> </span><span><span class="hljs-attr">src</span></span><span>=</span><span><span class="hljs-string">"script.js"</span></span><span>></span><span><span class="hljs-tag"></<span class="hljs-name">script</span></span></span><span>> </span></span></code></div></div></pre> <hr data-start="4088" data-end="4091" class="" style=""> <h2 data-start="4093" data-end="4128" class=""><span class="ez-toc-section" id="%D8%A3%D9%85%D8%AB%D9%84%D8%A9_%D8%B9%D9%85%D9%84%D9%8A%D8%A9_%D9%84%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%B5%D9%81%D8%AD%D8%A9_%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9"></span>أمثلة عملية لترويسة صفحة متكاملة<span class="ez-toc-section-end"></span></h2> <pre class="overflow-visible!" data-start="4130" data-end="4639"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">head</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">charset</span></span><span>=</span><span><span class="hljs-string">"UTF-8"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"viewport"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"width=device-width, initial-scale=1.0"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"description"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"مقال شامل عن ترويسة الصفحة والبيانات الوصفية في HTML وأهميتها لتحسين أداء الموقع في محركات البحث."</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"robots"</span></span><span> </span><span><span class="hljs-attr">content</span></span><span>=</span><span><span class="hljs-string">"index, follow"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">title</span></span></span><span>>ترويسة الصفحة والبيانات الوصفية في HTML</span><span><span class="hljs-tag"></<span class="hljs-name">title</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">link</span></span></span><span> </span><span><span class="hljs-attr">rel</span></span><span>=</span><span><span class="hljs-string">"icon"</span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"favicon.ico"</span></span><span> </span><span><span class="hljs-attr">type</span></span><span>=</span><span><span class="hljs-string">"image/x-icon"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">link</span></span></span><span> </span><span><span class="hljs-attr">rel</span></span><span>=</span><span><span class="hljs-string">"stylesheet"</span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"styles.css"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">script</span></span></span><span> </span><span><span class="hljs-attr">src</span></span><span>=</span><span><span class="hljs-string">"script.js"</span></span><span> </span><span><span class="hljs-attr">defer</span></span><span>></span><span><span class="hljs-tag"></<span class="hljs-name">script</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">head</span></span></span><span>> </span></span></code></div></div></pre> <hr data-start="4641" data-end="4644" class="" style=""> <h2 data-start="4646" data-end="4698" class=""><span class="ez-toc-section" id="%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9_%D9%88%D8%AF%D9%88%D8%B1%D9%87%D8%A7_%D9%81%D9%8A_%D8%AA%D8%AD%D8%B3%D9%8A%D9%86_%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85_UX"></span>ترويسة الصفحة ودورها في تحسين تجربة المستخدم (UX)<span class="ez-toc-section-end"></span></h2> <p data-start="4700" data-end="4796" class="">علاوة على تحسين ترتيب الموقع، ترويسة الصفحة تلعب دورًا في تحسين تجربة المستخدم. على سبيل المثال:</p> <ul data-start="4798" data-end="5136"> <li data-start="4798" data-end="4866" class=""> <p data-start="4800" data-end="4866" class="">إعداد ترميز الصفحة بشكل صحيح يمنع ظهور رموز غريبة بدلًا من النصوص.</p> </li> <li data-start="4867" data-end="4975" class=""> <p data-start="4869" data-end="4975" class="">إعدادات الـ viewport تجعل الموقع يتكيف مع شاشة الجهاز، مما يسرع التصفح ويقلل من الحاجة إلى التمرير الأفقي.</p> </li> <li data-start="4976" data-end="5057" class=""> <p data-start="4978" data-end="5057" class="">العنوان والوصف الواضح يساعدان المستخدمين على فهم محتوى الصفحة قبل الدخول إليها.</p> </li> <li data-start="5058" data-end="5136" class=""> <p data-start="5060" data-end="5136" class="">الربط بملفات CSS والسكربتات يضمن تنسيق الصفحة وأداء وظائف تفاعلية دون مشاكل.</p> </li> </ul> <hr data-start="5138" data-end="5141" class=""> <h2 data-start="5143" data-end="5193" class=""><span class="ez-toc-section" id="%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9_%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7_%D9%81%D9%8A_%D8%A7%D9%84%D8%AC%D8%A7%D9%86%D8%A8_%D8%A7%D9%84%D8%AA%D9%82%D9%86%D9%8A_%D9%88%D8%A7%D9%84%D8%A3%D9%85%D9%86%D9%8A"></span>ترويسة الصفحة وأهميتها في الجانب التقني والأمني<span class="ez-toc-section-end"></span></h2> <p data-start="5195" data-end="5272" class="">تتضمن الترويسة أيضًا إعدادات مهمة يمكن من خلالها تعزيز الأمان والخصوصية، مثل:</p> <ul data-start="5274" data-end="5478"> <li data-start="5274" data-end="5359" class=""> <p data-start="5276" data-end="5359" class="">إضافة سياسات أمن المحتوى (Content Security Policy) للحد من الهجمات الأمنية مثل XSS.</p> </li> <li data-start="5360" data-end="5422" class=""> <p data-start="5362" data-end="5422" class="">توجيه محركات البحث بعدم حفظ نسخة مؤقتة من الصفحة (No-cache).</p> </li> <li data-start="5423" data-end="5478" class=""> <p data-start="5425" data-end="5478" class="">توجيه الروبوتات لمحركات البحث لتجنب أرشفة محتوى معين.</p> </li> </ul> <hr data-start="5480" data-end="5483" class=""> <h2 data-start="5485" data-end="5540" class=""><span class="ez-toc-section" id="%D8%AC%D8%AF%D9%88%D9%84_%D8%AA%D9%88%D8%B6%D9%8A%D8%AD%D9%8A_%D9%84%D8%A8%D8%B9%D8%B6_%D9%88%D8%B3%D9%88%D9%85_%D8%A7%D9%84%D9%85%D9%8A%D8%AA%D8%A7_%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9_%D9%81%D9%8A_%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9"></span>جدول توضيحي لبعض وسوم الميتا المهمة في ترويسة الصفحة<span class="ez-toc-section-end"></span></h2> <div class="_tableContainer_16hzy_1"> <div tabindex="-1" class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse"> <table data-start="5542" data-end="6408" class="w-fit min-w-(--thread-content-width)"> <thead data-start="5542" data-end="5665"> <tr data-start="5542" data-end="5665"> <th data-start="5542" data-end="5574" data-col-size="sm">الوسم</th> <th data-start="5574" data-end="5620" data-col-size="md">الوظيفة</th> <th data-start="5620" data-end="5665" data-col-size="sm">مثال</th> </tr> </thead> <tbody data-start="5787" data-end="6408"> <tr data-start="5787" data-end="5907"> <td data-start="5787" data-end="5819" data-col-size="sm"><code data-start="5789" data-end="5813"><meta charset="UTF-8"></code></td> <td data-col-size="md" data-start="5819" data-end="5864">تحديد ترميز الصفحة</td> <td data-col-size="sm" data-start="5864" data-end="5907">UTF-8 لعرض النصوص العربية بشكل صحيح</td> </tr> <tr data-start="5908" data-end="6029"> <td data-start="5908" data-end="5941" data-col-size="sm"><code data-start="5910" data-end="5934"><meta name="viewport"></code></td> <td data-col-size="md" data-start="5941" data-end="5986">ضبط طريقة عرض الصفحة على الأجهزة المختلفة</td> <td data-col-size="sm" data-start="5986" data-end="6029"><code data-start="5988" data-end="6027">width=device-width, initial-scale=1.0</code></td> </tr> <tr data-start="6030" data-end="6153"> <td data-start="6030" data-end="6063" data-col-size="sm"><code data-start="6032" data-end="6059"><meta name="description"></code></td> <td data-start="6063" data-end="6109" data-col-size="md">وصف مختصر لمحتوى الصفحة</td> <td data-col-size="sm" data-start="6109" data-end="6153">مقال عن ترويسة الصفحة والبيانات الوصفية</td> </tr> <tr data-start="6154" data-end="6277"> <td data-start="6154" data-end="6187" data-col-size="sm"><code data-start="6156" data-end="6178"><meta name="robots"></code></td> <td data-col-size="md" data-start="6187" data-end="6233">توجيهات لمحركات البحث</td> <td data-col-size="sm" data-start="6233" data-end="6277"><code data-start="6235" data-end="6250">index, follow</code> لتمكين الفهرسة والربط</td> </tr> <tr data-start="6278" data-end="6408"> <td data-start="6278" data-end="6318" data-col-size="sm"><code data-start="6280" data-end="6317"><meta http-equiv="X-UA-Compatible"></code></td> <td data-col-size="md" data-start="6318" data-end="6363">توافق مع متصفحات معينة</td> <td data-col-size="sm" data-start="6363" data-end="6408"><code data-start="6365" data-end="6374">IE=edge</code></td> </tr> </tbody> </table> <div class="sticky end-(--thread-content-margin) h-0 self-end select-none"> <div class="absolute end-0 flex items-end" style="height: 33px;"><span class="" data-state="closed"><button class="bg-token-bg-primary hover:bg-token-bg-tertiary text-token-text-secondary my-1 rounded-sm p-1 transition-opacity group-[:not(:hover):not(:focus-within)]:pointer-events-none group-[:not(:hover):not(:focus-within)]:opacity-0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-md-heavy"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg></button></span></div> </div> </div> </div> <hr data-start="6410" data-end="6413" class=""> <h2 data-start="6415" data-end="6475" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%85%D9%85%D8%A7%D8%B1%D8%B3%D8%A7%D8%AA_%D8%A7%D9%84%D9%85%D8%AB%D9%84%D9%89_%D9%84%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85_%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9_%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA_%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9"></span>الممارسات المثلى لاستخدام ترويسة الصفحة والبيانات الوصفية<span class="ez-toc-section-end"></span></h2> <ul data-start="6477" data-end="7028"> <li data-start="6477" data-end="6560" class=""> <p data-start="6479" data-end="6560" class=""><strong data-start="6479" data-end="6508">استخدام عنوان واضح ومختصر</strong> لا يتجاوز 60 حرفًا، يتضمن الكلمات المفتاحية المهمة.</p> </li> <li data-start="6561" data-end="6640" class=""> <p data-start="6563" data-end="6640" class=""><strong data-start="6563" data-end="6587">كتابة وصف دقيق وجذاب</strong> لا يزيد عن 160 حرفًا ليظهر بشكل كامل في نتائج البحث.</p> </li> <li data-start="6641" data-end="6690" class=""> <p data-start="6643" data-end="6690" class=""><strong data-start="6643" data-end="6666">استخدام ترميز UTF-8</strong> لتجنب مشاكل عرض النصوص.</p> </li> <li data-start="6691" data-end="6751" class=""> <p data-start="6693" data-end="6751" class=""><strong data-start="6693" data-end="6715">إعداد وسم Viewport</strong> لضمان توافق الموقع مع جميع الأجهزة.</p> </li> <li data-start="6752" data-end="6830" class=""> <p data-start="6754" data-end="6830" class=""><strong data-start="6754" data-end="6802">عدم الإفراط في استخدام وسم الكلمات المفتاحية</strong> حيث لم يعد لها أهمية كبيرة.</p> </li> <li data-start="6831" data-end="6899" class=""> <p data-start="6833" data-end="6899" class=""><strong data-start="6833" data-end="6876">الاهتمام بإضافة روابط CSS وJS بشكل صحيح</strong> مع تحسين سرعة التحميل.</p> </li> <li data-start="6900" data-end="6967" class=""> <p data-start="6902" data-end="6967" class=""><strong data-start="6902" data-end="6934">استخدام وسم Robots بشكل حكيم</strong> للتحكم في أرشفة الصفحات الحساسة.</p> </li> <li data-start="6968" data-end="7028" class=""> <p data-start="6970" data-end="7028" class=""><strong data-start="6970" data-end="6999">تحديث الترويسة بشكل مستمر</strong> لتواكب تحديثات محركات البحث.</p> </li> </ul> <hr data-start="7030" data-end="7033" class=""> <h2 data-start="7035" data-end="7045" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%AE%D9%84%D8%A7%D8%B5%D8%A9"></span>الخلاصة<span class="ez-toc-section-end"></span></h2> <p data-start="7047" data-end="7496" class="">ترويسة الصفحة والبيانات الوصفية في HTML ليست مجرد عناصر تقنية، بل هي حجر الزاوية في بناء صفحات ويب ناجحة. من خلال تنظيم معلومات الصفحة بشكل دقيق وفعال في الترويسة، يمكن تحقيق تحسينات كبيرة في ترتيب الموقع على محركات البحث، وضمان عرض المحتوى بشكل صحيح ومتوافق مع مختلف الأجهزة، بالإضافة إلى تعزيز تجربة المستخدم من خلال سرعة وأداء الموقع. الاهتمام بهذا الجزء من هيكل الصفحة يرفع من جودة الموقع ويساعد على الوصول إلى جمهور أوسع بشكل أسرع وأكثر فاعلية.</p> <hr data-start="7498" data-end="7501" class=""> <h2 data-start="7503" data-end="7513" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%85%D8%B5%D8%A7%D8%AF%D8%B1"></span>المصادر<span class="ez-toc-section-end"></span></h2> <ol data-start="7515" data-end="7730" data-is-last-node="" data-is-only-node=""> <li data-start="7515" data-end="7609" class=""> <p data-start="7518" data-end="7609" class=""><a data-start="7518" data-end="7607" class="" rel="noopener" target="_new" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head">MDN Web Docs – <code data-start="7534" data-end="7542"><head></code></a></p> </li> <li data-start="7610" data-end="7730" class=""> <p data-start="7613" data-end="7730" class=""><a data-start="7613" data-end="7730" data-is-last-node="" rel="noopener" target="_new" class="cursor-pointer">Google Search Central – SEO Starter Guide</a></p> </li> </ol> </div> </div> </div> </p> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"><span class="meta-item last-updated">اخر تحديث 16/05/2025</span><div class="tie-alignright"><span class="meta-views meta-item warm"><span class="tie-icon-fire" aria-hidden="true"></span> 14 </span><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> تمت قراءة 4 دقيقة</span> </div></div><!-- .post-meta --> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&name=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&description=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://web.skype.com/share?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="سكايب" target="_blank" class="skype-share-btn " data-raw="https://web.skype.com/share?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-skype"></span> <span class="screen-reader-text">سكايب</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&body=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="المشاركة عبر البريد الألكتروني" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">المشاركة عبر البريد الألكتروني</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2025-05-16T20:26:10+03:00","datePublished":"2025-05-16T20:26:10+03:00","dateModified":"2025-05-16T20:26:10+03:00","headline":"\u062a\u0631\u0648\u064a\u0633\u0629 HTML \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629","name":"\u062a\u0631\u0648\u064a\u0633\u0629 HTML \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629","keywords":[],"url":"https:\/\/mwade3.com\/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9\/","description":"\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a HTML: \u0623\u0647\u0645\u064a\u0629 \u0648\u062f\u0648\u0631 \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u062a\u064f\u0639\u062a\u0628\u0631 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0646\u062f\u0627\u062a HTML \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0647\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u063a\u0646","copyrightYear":"2025","articleSection":"\u0627\u0644\u0628\u0631\u0645\u062c\u0629","articleBody":"\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a HTML: \u0623\u0647\u0645\u064a\u0629 \u0648\u062f\u0648\u0631 \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\n\u062a\u064f\u0639\u062a\u0628\u0631 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0646\u062f\u0627\u062a HTML \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0647\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u063a\u0646\u0627\u0621 \u0639\u0646\u0647\u0627 \u0639\u0646\u062f \u0628\u0646\u0627\u0621 \u0623\u064a \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0623\u0648 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628. \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u0644\u0639\u0628 \u062f\u0648\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0648\u062f\u0639\u0645 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0644\u0641\u0647\u0645 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u062f\u0642\u0629\u060c \u0645\u0645\u0627 \u064a\u0646\u0639\u0643\u0633 \u0625\u064a\u062c\u0627\u0628\u064b\u0627 \u0639\u0644\u0649 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0633\u0646\u0633\u062a\u0639\u0631\u0636 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0645\u0627\u0647\u064a\u0629 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629\u060c \u0648\u0638\u0627\u0626\u0641\u0647\u0627\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0640 SEO \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0634\u0631\u062d \u0645\u0641\u0635\u0644 \u0644\u0644\u0633\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0648\u0627\u062c\u062f \u0641\u064a \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u062f\u0648\u0631\u0647\u0627 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0642\u0646\u064a \u0644\u0644\u0645\u0648\u0642\u0639.\n\n\u0645\u0641\u0647\u0648\u0645 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 (Head) \u0641\u064a HTML\n\u062a\u064f\u0639\u0631\u0641 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0623\u0648 \u0639\u0646\u0635\u0631 \u0641\u064a HTML \u0628\u0623\u0646\u0647\u0627 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0646\u062f \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0635\u0641\u064a\u0629 \u0648\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0644\u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0633\u0644\u0648\u0643\u0647\u0627. \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u064a\u0633\u062a \u0645\u0631\u0626\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a\u060c \u0648\u0644\u0643\u0646\u0647\u0627 \u062a\u062d\u0645\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0647\u0645\u0629 \u062d\u0648\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062b\u0644 \u0639\u0646\u0648\u0627\u0646\u0647\u0627\u060c \u0627\u0644\u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0648\u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0639\u0631\u0636\u060c \u0648\u0643\u0630\u0644\u0643 \u0645\u064a\u062a\u0627\u062f\u0627\u062a\u0627 (Metadata) \u0627\u0644\u062a\u064a \u062a\u0641\u064a\u062f \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b.\n\u062a\u064f\u0643\u062a\u0628 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0636\u0645\u0646 \u0648\u0633\u0645 \u0648\u062a\u0643\u0648\u0646 \u0641\u064a \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0628\u0639\u062f \u0648\u0633\u0645 \u060c \u0648\u062a\u0633\u0628\u0642 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u0626\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n\n\u0623\u0647\u0645\u064a\u0629 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629\n1. \u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\n\u062a\u0639\u062a\u0645\u062f \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u062f\u0627\u062e\u0644 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u0641\u0647\u0645 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0627\u0644\u063a\u0631\u0636 \u0645\u0646\u0647\u0627\u060c \u0648\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629. \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0633\u0627\u0639\u062f \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0639\u0644\u0649 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0635\u0641\u062d\u0629 \u0636\u0645\u0646 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u0628\u062f\u0642\u0629 \u0623\u0643\u0628\u0631. \u0644\u0630\u0644\u0643\u060c \u0643\u062a\u0627\u0628\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0635\u0641\u064a\u0629 \u0635\u062d\u064a\u062d\u0629 \u0648\u0645\u0641\u0635\u0644\u0629 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0632\u064a\u0627\u062f\u0629 \u0638\u0647\u0648\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0632\u0648\u0627\u0631.\n2. \u062a\u062d\u062f\u064a\u062f \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (Title)\n\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0630\u064a \u064a\u062a\u0645 \u0648\u0636\u0639\u0647 \u0636\u0645\u0646 \u0648\u0633\u0645 \u0641\u064a \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u064a\u0638\u0647\u0631 \u0641\u064a \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0648\u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0643\u0639\u0646\u0648\u0627\u0646 \u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0645\u0627 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637. \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0636\u062d \u0648\u0645\u0646\u0627\u0633\u0628 \u064a\u0639\u0628\u0631 \u0639\u0646 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u062f\u0642\u0629 \u064a\u0632\u064a\u062f \u0645\u0646 \u0645\u0639\u062f\u0644 \u0627\u0644\u0646\u0642\u0631 (CTR).\n3. \u0636\u0628\u0637 \u0627\u0644\u062a\u0631\u0645\u064a\u0632 (Encoding)\n\u062a\u064f\u062d\u062f\u062f \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u0639\u0631\u0636 \u0627\u0644\u0646\u0635\u0648\u0635\u060c \u0645\u062b\u0644 UTF-8\u060c \u0648\u0647\u0630\u0627 \u064a\u0636\u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0623\u062d\u0631\u0641 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d\u060c \u0644\u0627 \u0633\u064a\u0645\u0627 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0644\u063a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0648 \u0623\u062d\u0631\u0641 \u062e\u0627\u0635\u0629\u060c \u0645\u062b\u0644 \u0627\u0644\u0639\u0631\u0628\u064a\u0629. \u0639\u062f\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0631\u0645\u064a\u0632 \u0642\u062f \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0638\u0647\u0648\u0631 \u0631\u0645\u0648\u0632 \u063a\u064a\u0631 \u0645\u0641\u0647\u0648\u0645\u0629.\n4. \u0627\u0644\u0631\u0628\u0637 \u0628\u0645\u0644\u0641\u0627\u062a CSS \u0648JavaScript\n\u062a\u062d\u062a\u0648\u064a \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u0639\u0644\u0649 \u0631\u0648\u0627\u0628\u0637 \u0625\u0644\u0649 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0623\u0646\u0645\u0627\u0637 (CSS) \u0648\u0627\u0644\u0633\u0643\u0631\u0628\u062a\u0627\u062a (JavaScript) \u0627\u0644\u062a\u064a \u062a\u062a\u062d\u0643\u0645 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0634\u0643\u0644 \u0648\u0627\u0644\u0645\u0638\u0647\u0631.\n\n\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 (Meta Tags) \u0641\u064a \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629\n\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u064a\u062a\u0627 \u0644\u0648\u0636\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0635\u0641\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0639\u0646 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u0645\u0646\u0647\u0627:\n1. \u0648\u0633\u0645 \u0627\u0644\u0648\u0635\u0641 (Meta Description)\n\u064a\u0642\u062f\u0645 \u0645\u0644\u062e\u0635\u064b\u0627 \u0645\u0648\u062c\u0632\u064b\u0627 \u0639\u0646 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0638\u0647\u0631 \u0647\u0630\u0627 \u0627\u0644\u0648\u0635\u0641 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u062a\u062d\u062a \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629. \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u062c\u064a\u062f \u064a\u0639\u0632\u0632 \u0645\u0646 \u062c\u0630\u0628 \u0627\u0644\u0632\u0648\u0627\u0631 \u0648\u064a\u0632\u064a\u062f \u0645\u0646 \u0641\u0631\u0635 \u0627\u0644\u0646\u0642\u0631.\nhtmlCopyEdit\n\n2. \u0648\u0633\u0645 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 (Meta Keywords)\n\u0643\u0627\u0646 \u064a\u0633\u062a\u062e\u062f\u0645 \u0642\u062f\u064a\u0645\u064b\u0627 \u0644\u0648\u0636\u0639 \u0643\u0644\u0645\u0627\u062a \u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0644\u0643\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u062b\u0644 \u062c\u0648\u062c\u0644 \u0642\u0644\u0644\u062a \u0645\u0646 \u0623\u0647\u0645\u064a\u062a\u0647 \u0648\u0644\u0645 \u062a\u0639\u062f \u062a\u0623\u062e\u0630\u0647 \u0628\u0639\u064a\u0646 \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0641\u064a \u0627\u0644\u062a\u0631\u062a\u064a\u0628.\n3. \u0648\u0633\u0645 \u0627\u0644\u062a\u0631\u0645\u064a\u0632 (Charset)\n\u064a\u062d\u062f\u062f \u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0646\u0635\u0648\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u064a\u064f\u0641\u0636\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 UTF-8 \u0644\u0643\u0648\u0646\u0647 \u064a\u062f\u0639\u0645 \u0645\u0639\u0638\u0645 \u0644\u063a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645.\nhtmlCopyEdit\n\n4. \u0648\u0633\u0645 \u0636\u0628\u0637 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 (Viewport)\n\u0636\u0631\u0648\u0631\u064a \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u062a\u0648\u0627\u0641\u0642\u0647\u0627 \u0645\u0639 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \u062e\u0627\u0635\u0629 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629.\nhtmlCopyEdit\n\n5. \u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (Robots Meta Tag)\n\u062a\u062a\u062d\u0643\u0645 \u0641\u064a \u0637\u0631\u064a\u0642\u0629 \u0641\u0647\u0631\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\u060c \u0645\u062b\u0644 \u0627\u0644\u0633\u0645\u0627\u062d \u0623\u0648 \u0645\u0646\u0639 \u0627\u0644\u0641\u0647\u0631\u0633\u0629 \u0623\u0648 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0631\u0648\u0627\u0628\u0637.\nhtmlCopyEdit\n\n\n\u0639\u0646\u0627\u0635\u0631 \u0623\u062e\u0631\u0649 \u0645\u0647\u0645\u0629 \u0641\u064a \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629\n\u0631\u0648\u0627\u0628\u0637 \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 (Favicons)\n\u064a\u0645\u0643\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u0641\u064a \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0627\u0628\u0637 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629:\nhtmlCopyEdit\n\n\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629\n\u064a\u062a\u0645 \u0631\u0628\u0637 \u0645\u0644\u0641\u0627\u062a CSS \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0639\u0631\u0636 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0646\u0635\u0631 :\nhtmlCopyEdit\n\n\u0633\u0643\u0631\u0628\u062a\u0627\u062a \u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a\n\u064a\u062a\u0645 \u062a\u0636\u0645\u064a\u0646 \u0623\u0648 \u0631\u0628\u0637 \u0645\u0644\u0641\u0627\u062a \u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a \u0641\u064a \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u0623\u0648 \u0641\u064a \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629:\nhtmlCopyEdit\n\n\n\u0623\u0645\u062b\u0644\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u0635\u0641\u062d\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\nhtmlCopyEdit\n \n \n \n \n \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a HTML\n \n \n \n\n\n\n\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u062f\u0648\u0631\u0647\u0627 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UX)\n\u0639\u0644\u0627\u0648\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0644\u0639\u0628 \u062f\u0648\u0631\u064b\u0627 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:\n\n\n\u0625\u0639\u062f\u0627\u062f \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u064a\u0645\u0646\u0639 \u0638\u0647\u0648\u0631 \u0631\u0645\u0648\u0632 \u063a\u0631\u064a\u0628\u0629 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0627\u0644\u0646\u0635\u0648\u0635.\n\n\n\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0640 viewport \u062a\u062c\u0639\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u064a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0634\u0627\u0634\u0629 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u0645\u0645\u0627 \u064a\u0633\u0631\u0639 \u0627\u0644\u062a\u0635\u0641\u062d \u0648\u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0623\u0641\u0642\u064a.\n\n\n\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0648\u0627\u0636\u062d \u064a\u0633\u0627\u0639\u062f\u0627\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0642\u0628\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0644\u064a\u0647\u0627.\n\n\n\u0627\u0644\u0631\u0628\u0637 \u0628\u0645\u0644\u0641\u0627\u062a CSS \u0648\u0627\u0644\u0633\u0643\u0631\u0628\u062a\u0627\u062a \u064a\u0636\u0645\u0646 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0623\u062f\u0627\u0621 \u0648\u0638\u0627\u0626\u0641 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062f\u0648\u0646 \u0645\u0634\u0627\u0643\u0644.\n\n\n\n\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0623\u0647\u0645\u064a\u062a\u0647\u0627 \u0641\u064a \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u0623\u0645\u0646\u064a\n\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u0623\u064a\u0636\u064b\u0627 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0645\u0647\u0645\u0629 \u064a\u0645\u0643\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\u060c \u0645\u062b\u0644:\n\n\n\u0625\u0636\u0627\u0641\u0629 \u0633\u064a\u0627\u0633\u0627\u062a \u0623\u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (Content Security Policy) \u0644\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0647\u062c\u0645\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0645\u062b\u0644 XSS.\n\n\n\u062a\u0648\u062c\u064a\u0647 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0628\u0639\u062f\u0645 \u062d\u0641\u0638 \u0646\u0633\u062e\u0629 \u0645\u0624\u0642\u062a\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (No-cache).\n\n\n\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0644\u062a\u062c\u0646\u0628 \u0623\u0631\u0634\u0641\u0629 \u0645\u062d\u062a\u0648\u0649 \u0645\u0639\u064a\u0646.\n\n\n\n\u062c\u062f\u0648\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0628\u0639\u0636 \u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u064a\u062a\u0627 \u0627\u0644\u0645\u0647\u0645\u0629 \u0641\u064a \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629\n\u0627\u0644\u0648\u0633\u0645\u0627\u0644\u0648\u0638\u064a\u0641\u0629\u0645\u062b\u0627\u0644\u062a\u062d\u062f\u064a\u062f \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0635\u0641\u062d\u0629UTF-8 \u0644\u0639\u0631\u0636 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d\u0636\u0628\u0637 \u0637\u0631\u064a\u0642\u0629 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629width=device-width, initial-scale=1.0\u0648\u0635\u0641 \u0645\u062e\u062a\u0635\u0631 \u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629\u0645\u0642\u0627\u0644 \u0639\u0646 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629\u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062bindex, follow \u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0641\u0647\u0631\u0633\u0629 \u0648\u0627\u0644\u0631\u0628\u0637\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0645\u0639\u064a\u0646\u0629IE=edge\n\n\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u062b\u0644\u0649 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0636\u062d \u0648\u0645\u062e\u062a\u0635\u0631 \u0644\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 60 \u062d\u0631\u0641\u064b\u0627\u060c \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0647\u0645\u0629.\n\n\n\u0643\u062a\u0627\u0628\u0629 \u0648\u0635\u0641 \u062f\u0642\u064a\u0642 \u0648\u062c\u0630\u0627\u0628 \u0644\u0627 \u064a\u0632\u064a\u062f \u0639\u0646 160 \u062d\u0631\u0641\u064b\u0627 \u0644\u064a\u0638\u0647\u0631 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0631\u0645\u064a\u0632 UTF-8 \u0644\u062a\u062c\u0646\u0628 \u0645\u0634\u0627\u0643\u0644 \u0639\u0631\u0636 \u0627\u0644\u0646\u0635\u0648\u0635.\n\n\n\u0625\u0639\u062f\u0627\u062f \u0648\u0633\u0645 Viewport \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629.\n\n\n\u0639\u062f\u0645 \u0627\u0644\u0625\u0641\u0631\u0627\u0637 \u0641\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0633\u0645 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u062d\u064a\u062b \u0644\u0645 \u064a\u0639\u062f \u0644\u0647\u0627 \u0623\u0647\u0645\u064a\u0629 \u0643\u0628\u064a\u0631\u0629.\n\n\n\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0625\u0636\u0627\u0641\u0629 \u0631\u0648\u0627\u0628\u0637 CSS \u0648JS \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0633\u0645 Robots \u0628\u0634\u0643\u0644 \u062d\u0643\u064a\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0623\u0631\u0634\u0641\u0629 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629.\n\n\n\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631 \u0644\u062a\u0648\u0627\u0643\u0628 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b.\n\n\n\n\u0627\u0644\u062e\u0644\u0627\u0635\u0629\n\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0641\u064a HTML \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0639\u0646\u0627\u0635\u0631 \u062a\u0642\u0646\u064a\u0629\u060c \u0628\u0644 \u0647\u064a \u062d\u062c\u0631 \u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0641\u064a \u0628\u0646\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0648\u064a\u0628 \u0646\u0627\u062c\u062d\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0646\u0638\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 \u0648\u0641\u0639\u0627\u0644 \u0641\u064a \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629\u060c \u064a\u0645\u0643\u0646 \u062a\u062d\u0642\u064a\u0642 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\u060c \u0648\u0636\u0645\u0627\u0646 \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0648\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0633\u0631\u0639\u0629 \u0648\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0639. \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0647\u0630\u0627 \u0627\u0644\u062c\u0632\u0621 \u0645\u0646 \u0647\u064a\u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u064a\u0631\u0641\u0639 \u0645\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631 \u0623\u0648\u0633\u0639 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639 \u0648\u0623\u0643\u062b\u0631 \u0641\u0627\u0639\u0644\u064a\u0629.\n\n\u0627\u0644\u0645\u0635\u0627\u062f\u0631\n\n\nMDN Web Docs - \n\n\nGoogle Search Central - SEO Starter Guide\n\n","publisher":{"@id":"#Publisher","@type":"Organization","name":"\u0645\u0648\u0627\u0636\u064a\u0639","logo":{"@type":"ImageObject","url":"https:\/\/mwade3.com\/wp-content\/uploads\/2023\/09\/logo-Black.png"},"sameAs":["https:\/\/www.facebook.com\/mwadee33","https:\/\/www.pinterest.com\/Mwade3com\/"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/mwade3.com\/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"Mwade3","url":"https:\/\/mwade3.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/mwade3.com\/wp-content\/uploads\/logo.png","width":1200,"height":718}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&name=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&description=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://vk.com/share.php?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="‏VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">‏VKontakte</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&body=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="المشاركة عبر البريد الألكتروني" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">المشاركة عبر البريد الألكتروني</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div id="read-next-block" class="container-wrapper read-next-slider-50"> <h2 class="read-next-block-title">اقرأ التالي</h2> <section id="tie-read-next" class="slider-area mag-box"> <div class="slider-area-inner"> <div id="tie-main-slider-50-read-next" class="tie-main-slider main-slider wide-slider-with-navfor-wrapper wide-slider-wrapper slider-vertical-navigation tie-slick-slider-wrapper" data-slider-id="50" data-autoplay="true" data-speed="3000"> <div class="main-slider-inner"> <div class="container slider-main-container"> <div class="tie-slick-slider"> <ul class="tie-slider-nav"></ul> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3017387 tie-slide-1 tie-standard"> <a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-2/" class="all-over-thumb-link" aria-label="تعلم الآلة: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-2/">تعلم الآلة: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3013217 tie-slide-2 tie-standard"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a7%d9%84%d9%83%d8%a7%d8%a6%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7/" class="all-over-thumb-link" aria-label="البرمجة الكائنية: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a7%d9%84%d9%83%d8%a7%d8%a6%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7/">البرمجة الكائنية: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3018237 tie-slide-3 tie-standard"> <a href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d9%88%d8%a8-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%ab%d8%a9/" class="all-over-thumb-link" aria-label="أساسيات علوم الحاسوب الحديثة"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d9%88%d8%a8-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%ab%d8%a9/">أساسيات علوم الحاسوب الحديثة</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3011931 tie-slide-4 tie-standard"> <a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa/" class="all-over-thumb-link" aria-label="تعلم الآلة: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa/">تعلم الآلة: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3017731 tie-slide-5 tie-standard"> <a href="https://mwade3.com/%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d9%81%d9%8a-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/" class="all-over-thumb-link" aria-label="أخطاء شائعة في بايثون"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d9%81%d9%8a-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/">أخطاء شائعة في بايثون</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3023317 tie-slide-6 tie-standard"> <a href="https://mwade3.com/php-%d9%88node-js-%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%b4%d8%a7%d9%85%d9%84%d8%a9/" class="all-over-thumb-link" aria-label="PHP وNode.js: مقارنة شاملة"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/php-%d9%88node-js-%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%b4%d8%a7%d9%85%d9%84%d8%a9/">PHP وNode.js: مقارنة شاملة</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3110613 tie-slide-1 tie-standard"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%ab%d9%86%d8%a7%d8%a1%d8%a7%d8%aa-%d9%81%d9%8a-%d8%af%d9%88%d8%aa-%d9%86%d8%aa/" class="all-over-thumb-link" aria-label="الاستثناءات في دوت نت"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%ab%d9%86%d8%a7%d8%a1%d8%a7%d8%aa-%d9%81%d9%8a-%d8%af%d9%88%d8%aa-%d9%86%d8%aa/">الاستثناءات في دوت نت</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3015889 tie-slide-2 tie-standard"> <a href="https://mwade3.com/git-%d9%88%d8%a3%d9%87%d9%85%d9%8a%d8%aa%d9%87-%d9%81%d9%8a-%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/" class="all-over-thumb-link" aria-label="Git وأهميته في مشاريع بايثون"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/git-%d9%88%d8%a3%d9%87%d9%85%d9%8a%d8%aa%d9%87-%d9%81%d9%8a-%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/">Git وأهميته في مشاريع بايثون</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3020329 tie-slide-3 tie-standard"> <a href="https://mwade3.com/%d9%85%d8%b9%d8%a7%d9%84%d8%ac%d8%a9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d9%84%d8%ba%d8%a9-go/" class="all-over-thumb-link" aria-label="معالجة الأخطاء في لغة Go"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d9%85%d8%b9%d8%a7%d9%84%d8%ac%d8%a9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d9%84%d8%ba%d8%a9-go/">معالجة الأخطاء في لغة Go</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3015129 tie-slide-4 tie-standard"> <a href="https://mwade3.com/laravel-%d8%a3%d9%82%d9%88%d9%89-%d8%a5%d8%b7%d8%a7%d8%b1-php-%d8%ad%d8%af%d9%8a%d8%ab/" class="all-over-thumb-link" aria-label="Laravel: أقوى إطار PHP حديث"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/laravel-%d8%a3%d9%82%d9%88%d9%89-%d8%a5%d8%b7%d8%a7%d8%b1-php-%d8%ad%d8%af%d9%8a%d8%ab/">Laravel: أقوى إطار PHP حديث</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> </div><!-- .tie-slick-slider /--> </div><!-- .slider-main-container /--> </div><!-- .main-slider-inner /--> </div><!-- .main-slider /--> <div class="wide-slider-nav-wrapper vertical-slider-nav "> <ul class="tie-slider-nav"></ul> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="tie-slick-slider"> <div class="slide tie-slide-5"> <div class="slide-overlay"> <h3 class="thumb-title">تعلم الآلة: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">البرمجة الكائنية: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">أساسيات علوم الحاسوب الحديثة</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">تعلم الآلة: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-3"> <div class="slide-overlay"> <h3 class="thumb-title">أخطاء شائعة في بايثون</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-4"> <div class="slide-overlay"> <h3 class="thumb-title">PHP وNode.js: مقارنة شاملة</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-5"> <div class="slide-overlay"> <h3 class="thumb-title">الاستثناءات في دوت نت</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">Git وأهميته في مشاريع بايثون</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">معالجة الأخطاء في لغة Go</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">Laravel: أقوى إطار PHP حديث</h3> </div> </div><!-- slide /--> </div><!-- .wide_slider_nav /--> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #wide-slider-nav-wrapper /--> </div><!-- .slider-area-inner --> </section><!-- .slider-area --> </div><!-- #read-next-block --> <div class="prev-next-post-nav container-wrapper media-overlay"> <div class="tie-col-xs-6 prev-post"> <a href="https://mwade3.com/%d8%b9%d9%84%d8%a7%d8%ac-%d8%aa%d8%b4%d9%82%d9%82-%d8%a7%d9%84%d9%82%d8%af%d9%85%d9%8a%d9%86-%d8%b7%d8%a8%d9%8a%d8%b9%d9%8a%d8%a7%d9%8b/" style="background-image: url(https://mwade3.com/wp-content/uploads/logo-390x220.png)" class="post-thumb" rel="prev"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> <span class="screen-reader-text">علاج تشقق القدمين طبيعياً</span> </div> </div> </a> <a href="https://mwade3.com/%d8%b9%d9%84%d8%a7%d8%ac-%d8%aa%d8%b4%d9%82%d9%82-%d8%a7%d9%84%d9%82%d8%af%d9%85%d9%8a%d9%86-%d8%b7%d8%a8%d9%8a%d8%b9%d9%8a%d8%a7%d9%8b/" rel="prev"> <h3 class="post-title">علاج تشقق القدمين طبيعياً</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://mwade3.com/%d9%85%d9%81%d9%87%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%b1%d9%8a%d8%a9-%d9%88%d8%a3%d8%a8%d8%b9%d8%a7%d8%af%d9%87%d8%a7-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-2/" style="background-image: url(https://mwade3.com/wp-content/uploads/logo-390x220.png)" class="post-thumb" rel="next"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> <span class="screen-reader-text">مفهوم الحرية وأبعادها الأساسية</span> </div> </div> </a> <a href="https://mwade3.com/%d9%85%d9%81%d9%87%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%b1%d9%8a%d8%a9-%d9%88%d8%a3%d8%a8%d8%b9%d8%a7%d8%af%d9%87%d8%a7-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-2/" rel="next"> <h3 class="post-title">مفهوم الحرية وأبعادها الأساسية</h3> </a> </div> </div><!-- .prev-next-post-nav /--> <div id="related-posts" class="container-wrapper"> <div class="mag-box-title the-global-title"> <h3>مواضيع ذات صلة</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <a aria-label="تهجير قواعد البيانات في Laravel" href="https://mwade3.com/%d8%aa%d9%87%d8%ac%d9%8a%d8%b1-%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-laravel-2/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" fetchpriority="high" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d9%87%d8%ac%d9%8a%d8%b1-%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-laravel-2/">تهجير قواعد البيانات في Laravel</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="إنشاء مدونة باستخدام Node.js" href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-node-js/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-node-js/">إنشاء مدونة باستخدام Node.js</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تحويل HTML إلى قالب ووردبريس" href="https://mwade3.com/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-html-%d8%a5%d9%84%d9%89-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-html-%d8%a5%d9%84%d9%89-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3/">تحويل HTML إلى قالب ووردبريس</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تنظيم الشيفرة في JavaScript" href="https://mwade3.com/%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d8%b4%d9%8a%d9%81%d8%b1%d8%a9-%d9%81%d9%8a-javascript/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d8%b4%d9%8a%d9%81%d8%b1%d8%a9-%d9%81%d9%8a-javascript/">تنظيم الشيفرة في JavaScript</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> </div><!-- .post-components /--> </div><!-- .main-content --> <div id="check-also-box" class="container-wrapper check-also-right"> <div class="widget-title the-global-title"> <div class="the-subtitle">نظر أيضا</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">إغلاق</span> </a> </div> <div class="widget"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="دمج PHP مع MySQLi وSQLite3" href="https://mwade3.com/%d8%af%d9%85%d8%ac-php-%d9%85%d8%b9-mysqli-%d9%88sqlite3/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%af%d9%85%d8%ac-php-%d9%85%d8%b9-mysqli-%d9%88sqlite3/">دمج PHP مع MySQLi وSQLite3</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="استخدام Typescript مع Express" href="https://mwade3.com/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-typescript-%d9%85%d8%b9-express/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-typescript-%d9%85%d8%b9-express/">استخدام Typescript مع Express</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="دليل ملفات الوظائف في قالب Underscores" href="https://mwade3.com/%d8%af%d9%84%d9%8a%d9%84-%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81-%d9%81%d9%8a-%d9%82%d8%a7%d9%84%d8%a8-underscores/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%af%d9%84%d9%8a%d9%84-%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81-%d9%81%d9%8a-%d9%82%d8%a7%d9%84%d8%a8-underscores/">دليل ملفات الوظائف في قالب Underscores</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="أساسيات Vim المتقدمة للمطورين" href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-vim-%d8%a7%d9%84%d9%85%d8%aa%d9%82%d8%af%d9%85%d8%a9-%d9%84%d9%84%d9%85%d8%b7%d9%88%d8%b1%d9%8a%d9%86/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-vim-%d8%a7%d9%84%d9%85%d8%aa%d9%82%d8%af%d9%85%d8%a9-%d9%84%d9%84%d9%85%d8%b7%d9%88%d8%b1%d9%8a%d9%86/">أساسيات Vim المتقدمة للمطورين</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="أساسيات تصميم ويب متجاوب" href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%88%d9%8a%d8%a8-%d9%85%d8%aa%d8%ac%d8%a7%d9%88%d8%a8/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%88%d9%8a%d8%a8-%d9%85%d8%aa%d8%ac%d8%a7%d9%88%d8%a8/">أساسيات تصميم ويب متجاوب</a> <div class="post-meta"> </div> </div> </li> </ul><!-- .related-posts-list /--> </div> </div><!-- #related-posts /--> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div><!-- .container /--> </div><!-- #Footer-widgets-container /--> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer> © Copyright 2025, جميع الحقوق محفوظة لمنصة مواضيع  |  <span style="color:red;" class="tie-icon-heart"></span> <a href="https://mwade3.com/about-us/">من نحن</a>  |  <a href="https://mwade3.com/privacy-policy/">إتفاقية الخصوصية</a>  |  <a href="https://mwade3.com/terms/">الشروط والأحكام</a>  |  <a href="https://mwade3.com/report/">الإبلاغ عن مشكلة</a>  |  <a href="https://mwade3.com/contact-us/">اتصل بنا</a>  |  <a href="https://mwade3.com/faq/">الأسئلة الشائعة</a>  |  <a href="https://mwade3.com/disclaimer/">إخلاء المسؤولية</a> </footer> </div><ul class="social-icons"><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/mwadee33"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li><li class="social-icons-item"><a class="social-link pinterest-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.pinterest.com/Mwade3com/"><span class="tie-social-icon tie-icon-pinterest"></span><span class="screen-reader-text">بينتيريست</span></a></li></ul> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&name=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&description=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&title=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&redirect_uri=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/&text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A9%20HTML%20%D9%88%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20%D8%A7%D9%84%D9%88%D8%B5%D9%81%D9%8A%D8%A9%20https://mwade3.com/%d8%aa%d8%b1%d9%88%d9%8a%d8%b3%d8%a9-html-%d9%88%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d8%b5%d9%81%d9%8a%d8%a9/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area slide-sidebar-desktop is-fullwidth appear-from-right" aria-label="القائمة الجانبية الثانوية" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">إغلاق</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://mwade3.com/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/mwadee33"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li><li class="social-icons-item"><a class="social-link pinterest-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.pinterest.com/Mwade3com/"><span class="tie-social-icon tie-icon-pinterest"></span><span class="screen-reader-text">بينتيريست</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> <div id="slide-sidebar-widgets"> </div> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/jannah\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="تفضيلات الموافقة" style="background-color:#F1C40F"> <button class="cky-btn-revisit" aria-label="تفضيلات الموافقة"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a"> <button class="cky-banner-btn-close" data-cky-tag="close-button" aria-label="Close"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#F1C40F">منصة مواضيع تقدر مستوى الخصوصية لديك</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#F1C40F"> <p>نحن نستخدم ملفات تعريف الارتباط لتحسين تجربة التصفح الخاصة بك، وتقديم إعلانات أو محتوى مخصص، وتحليل حركة المرور لدينا. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="تخصيص" data-cky-tag="settings-button" style="color:#000000;background-color:#F1C40F;border-color:#90750A">تخصيص</button> <button class="cky-btn cky-btn-reject" aria-label="رفض الكل" data-cky-tag="reject-button" style="color:#0C0000;background-color:#F1C40F;border-color:#5C4B06">رفض الكل</button> <button class="cky-btn cky-btn-accept" aria-label="الموافقة على الكل" data-cky-tag="accept-button" style="color:#000000;background-color:#F1C40F;border-color:#AF8D04">الموافقة على الكل</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#F1C40F;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#F1C40F">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#F1C40F"> <p>نحن نستخدم ملفات تعريف الارتباط لمساعدتك على التنقل بكفاءة وأداء وظائف معينة. ستجد معلومات تفصيلية حول جميع ملفات تعريف الارتباط ضمن كل فئة موافقة أدناه.</p> <p>يتم تخزين ملفات تعريف الارتباط المصنفة على أنها "ضرورية" على متصفحك لأنها ضرورية لتمكين الوظائف الأساسية للموقع.</p> <p>نستخدم أيضًا ملفات تعريف الارتباط التابعة لجهات خارجية والتي تساعدنا في تحليل كيفية استخدامك لهذا الموقع وتخزين تفضيلاتك وتوفير المحتوى والإعلانات ذات الصلة بك. لن يتم تخزين ملفات تعريف الارتباط هذه في متصفحك إلا بموافقتك المسبقة.</p> <p>يمكنك اختيار تمكين أو تعطيل بعض أو كل ملفات تعريف الارتباط هذه ولكن تعطيل بعضها قد يؤثر على تجربة التصفح لديك.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#F1C40F">Necessary</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#F1C40F">Functional</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#F1C40F">Analytics</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#F1C40F">Performance</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#F1C40F">Advertisement</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="رفض الكل" data-cky-tag="detail-reject-button" style="color:#0C0000;background-color:#F1C40F;border-color:#5C4B06"> رفض الكل </button> <button class="cky-btn cky-btn-preferences" aria-label="حفظ تفضيلاتي" data-cky-tag="detail-save-button" style="color:#000000;background-color:#F1C40F;border-color:#A58609"> حفظ تفضيلاتي </button> <button class="cky-btn cky-btn-accept" aria-label="الموافقة على الكل" data-cky-tag="detail-accept-button" style="color:#000000;background-color:#F1C40F;border-color:#AF8D04"> الموافقة على الكل </button> </div></div></div></div></script><div id="reading-position-indicator"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://mwade3.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="البحث عن" autocomplete="off" placeholder="البحث عن" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">البحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <script type="text/javascript" src="https://mwade3.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'rtl' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/mwade3.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script> <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra"> /* <![CDATA[ */ var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.78" id="ez-toc-scroll-scriptjs-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script> <script type="text/javascript" id="ez-toc-js-js-extra"> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.78-1764573461" id="ez-toc-js-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-bc2e26cfa69fcd4a8261.js" id="googlesitekit-consent-mode-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"1","ajaxurl":"https:\/\/mwade3.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_2","mobile_menu_parent":"true","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"true","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","lang_no_results":"\u0644\u0627 \u064a\u0648\u062c\u062f \u0634\u064a\u0621","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.2.0" id="tie-scripts-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.2.0" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.2.0" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.2.0" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.2.0" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.2.0" id="tie-js-single-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/mailcheck.min.js?ver=2.3.3" id="mailcheck-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/jquery.email-autocomplete.min.js?ver=2.3.3" id="autocomplete-email-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="mystickyelements-fronted-js-js-extra"> /* <![CDATA[ */ var mystickyelements = {"ajaxurl":"https:\/\/mwade3.com\/wp-admin\/admin-ajax.php","ajax_nonce":"e9acb2f471"}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/mystickyelements-fronted.min.js?ver=2.3.3" id="mystickyelements-fronted-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="intl-tel-input-js-js-extra"> /* <![CDATA[ */ var mystickyelement_obj = {"plugin_url":"https:\/\/mwade3.com\/wp-content\/plugins\/mystickyelements\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/intl-tel-input-src/build/js/intlTelInput.js?ver=2.3.3" id="intl-tel-input-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wp-consent-api-js-extra"> /* <![CDATA[ */ var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.0" id="wp-consent-api-js"></script> <div class="mystickyelements-fixed mystickyelements-position-left mystickyelements-position-screen-center mystickyelements-position-mobile-left mystickyelements-on-hover mystickyelements-size-medium mystickyelements-mobile-size-medium mystickyelements-entry-effect-slide-in mystickyelements-templates-default"> <div class="mystickyelement-lists-wrap"> <ul class="mystickyelements-lists mysticky"> <li class="mystickyelements-minimize "> <span class="mystickyelements-minimize minimize-position-left minimize-position-mobile-left" style="background: #000000" > ← </span> </li> <li id="mystickyelements-social-facebook" class="mystickyelements-social-icon-li mystickyelements- mystickyelements-social-facebook element-desktop-on element-mobile-on"> <style> </style> <span class="mystickyelements-social-icon social-facebook social-custom" data-tab-setting = 'hover' data-click = "0"data-mobile-behavior="disable" data-flyout="disable" style="background: #4267B2" > <a class="social-link-facebook" href="https://www.facebook.com/mwadee33/" target="_blank" rel="noopener nofollow" data-url="https://www.facebook.com/mwadee33/" data-tab-setting = 'hover' data-mobile-behavior="disable" data-flyout="disable" title="Facebook"> <i class="fab fa-facebook-f" ></i> </a> </span> <span class="mystickyelements-social-text " style= "background: #4267B2;" > <a class="social-link-facebook" href="https://www.facebook.com/mwadee33/" target="_blank" rel="noopener nofollow" data-tab-setting = 'hover' data-flyout="disable" title="Facebook" data-url="https://www.facebook.com/mwadee33/" > Facebook </a> </span> </li> </ul> </div> </div> <script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://mwade3.com/wp-admin/admin-ajax.php", data : "postviews_id=3023822&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html> <!-- Cached by WP-Optimize - https://teamupdraft.com/wp-optimize/ - Last modified: 02/12/2025 07:36 (UTC:3) -->